<template>
  <el-header class="header">
    <Logo />
    <Tabs />
    <LoginAndOut />
  </el-header>
</template>
<script setup lang="ts">
import LoginAndOut from "@/components/GlobalHeader/components/LoginAndOut.vue";
import Tabs from "@/components/GlobalHeader/components/Tabs.vue";
import Logo from "@/components/GlobalHeader/components/Logo.vue";
</script>

<style scoped lang="scss">
.header {
  background-color: #409eef;
  // background-color: darkblue;
  //居中，文本水平布局
  display: flex;
  //上下居中
  align-items: center;
  //整个文本框到header的距离
  padding: 0px;
}
</style>
